<div class="hypebot_settings">
    <div class="inline-drawer">
        <div class="inline-drawer-toggle inline-drawer-header">
            <b>HypeBot</b>
            <div class="inline-drawer-icon fa-solid fa-circle-chevron-down down"></div>
        </div>
        <div class="inline-drawer-content">
            <div>Show personalized suggestions based on your recent chats using the NovelAI's HypeBot engine.</div>
            <small><i>Hint: Save an API key in the NovelAI API settings to use it here.</i></small>
            <label class="checkbox_label" for="hypebot_enabled">
                <input id="hypebot_enabled" type="checkbox" class="checkbox">
                Enabled
            </label>
            <label>Name:</label>
            <input id="hypebot_name" type="text" class="text_pole" placeholder="Goose">
        </div>
    </div>
</div>
